

.member-page{
  .card-list{
    //height: calc(190px + 50px);
    height: 240px;
    //padding: 30px 30px 0 30px;
    transition: all .3s;
    background: #2a2a2a;
  }

  .card-item{
    overflow: hidden;
    box-shadow: 0 0 20px 0 #272222;
    background: linear-gradient(to bottom, #444040, #292929);
    border-radius: 8px;
  }

  .card-line{
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    position: relative;
    background: #2a2a2a;
    border-radius: 0 0 100% 100%;
  }
}

//  会员信息
.user-info{
  padding: 30px;
  background: #2a2a2a;
  .user-avatar{
    width: 64px;
    height: 64px;
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 50%;
  }
  .user-name{
    color: #fccda5;
    padding-left: 20px;
  }
}

//  基础信息
.basics-info{
  color: #fccda5;
  height: 190px;
  padding: 20px 30px 20px 30px;
  .card-title{
    font-size: 36px;
  }
  .card-time{
    font-size: 24px;
  }

  .price-unit{
    font-size: 24px;
  }
  .sale-price{
    font-size: 52px;
  }
  .origin-price{
    color: #999;
    font-size: 24px;
    text-decoration: line-through;
  }
  .card-bottom{
    color: #9a9a9a;
    font-size: 24px;
  }
}

//  权益信息
.equity-info{
  background: #2a2a2a;
  .equity-head{
    color: #d1d1d1;
    height: 50px;
    padding: 0 30px;
    font-size: 24px;
  }
  .equity-body{
    height: 0;
    //opacity: 0;
    overflow: hidden;
    transition: all .3s;
  }

  .equity-status{
    height: 100%;
    position: relative;
  }
  .status-text{
    padding-right: 10px;
  }
  .status-icon{
    font-size: 24px;
    transition: transform .3s;
  }
}

//  展开权益
.equity--active{
  height: calc(100% - 190px);
  .equity-body{
    height: calc(100% - 50px);
    //opacity: 1;
  }
  .status-icon{
    transform: rotate(180deg);
  }
}

.card-member{
  background: #ffe8cf;
  border-radius: 30px 30px 0 0;
}

//  会员红包
.card-envelope{
  margin: 40px 30px 0 30px;
  .card-head{
    height: 110px;
  }
  .head-title{
    color: #90643d;
    padding: 0 20px;
    font-size: 36px;
  }
  .head-icon{
    width: 108px;
    height: 22px;
  }
  .card-body{
    background: #fff;
    border-radius: 30px 30px 0 0;
  }
}


//  会员专属
.card-exclusive{
  margin-top: 40px;
  .card-head{
    height: 110px;
  }
  .head-title{
    color: #90643d;
    padding: 0 20px;
    font-size: 36px;
  }
  .head-icon{
    width: 108px;
    height: 22px;
  }
  .card-body{
    background: #fff;
    border-radius: 30px 30px 0 0;
  }
}


//  底部
.card-menu--height{height: 140px;
}
.card-menu{
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 30px 20px;
  position: fixed;
  .btn-buy{
    color: #ffdfbc;
    height: 100px;
    font-size: 32px;
    background: linear-gradient(180deg,#454348,#2a2a2a);
    border-radius: 100px;
  }
}